<template>
	<kui-page :custom-header="false">
		<template v-slot:body>
			<view class="kui-w-full">
				<kui-space :gap="[30,0]" direction="column">
					<kui-cell-group title="基本用法">
						<kui-skeleton></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="显示标题">
						<kui-skeleton title></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="自定义段落">
						<kui-skeleton title :rows="3" :rows-width="['100px', '150px', '50px']"></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="段落圆角">
						<kui-skeleton title rows-round></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="显示头像">
						<kui-skeleton title avatar></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="显示卡片">
						<kui-skeleton card title avatar></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="自定义布局">
						<view class="kui-flex kui-justify-between kui-w-full">
							<kui-skeleton card title avatar></kui-skeleton>
							<view class="kui-mx-2"></view>
							<kui-skeleton card title avatar></kui-skeleton>
						</view>
					</kui-cell-group>
					<kui-cell-group title="关闭动画">
						<kui-skeleton title avatar :animate="false"></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="闪烁动画">
						<kui-skeleton title avatar animate-type="flash"></kui-skeleton>
					</kui-cell-group>
					<kui-cell-group title="">
						<kui-text color="hsl(213,10.00%, 56.86%)">示例数据为组件支持的部分数据，详细支持数据请参考组件源码和组件文档</kui-text>
					</kui-cell-group>
				</kui-space>
			</view>
		</template>
	</kui-page>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
